#zuo-cebianlan{
    width: 60px;
    background: #fff;
    border-right: 1px solid #eee;
    position: sticky;
    left: 0;
    top: 0;
}
#zuo-cebianlan ul{
    display: flex;
    flex-direction: column;
}
#zuo-cebianlan ul li{
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px 0px;
}
#zuo-cebianlan ul li img{
    width: 25px;
    height: 25px;
}
#zuo-sucai{
    flex: 1;
    height: 100%;
    overflow-y: scroll;
    scrollbar-width: none;
}
#Buttonbox Button{
    width: 70px;
    margin:2px;
}
#Buttonbox Button:hover{
    background: #eee;
}
#Buttonbox Button img{
    width: 25px;
    height: 25px;
}
#logo{
    width: 92%;
    margin:0 10px;
}
#pubuliu{
    column-count: 2;
    break-inside: avoid;
}
#pubuliu dl{
    width: 100%;
    height: 200px;
    margin: 10px 0;
}
#pubuliu dl dt img{
    width: 100%;
    height: 200px;
    border-radius: 10px;
}
/* 线·箭头 */
#xian{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#xian h4{
    display: flex;
}
#xian h4 p{
    flex: 1;
}
#xian h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 整体div-img数据排版 */
#jiantou{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background: #f1f2f4;
    border-radius: 5px;
    margin-top: 5px;
}
#jiantou div{
    width: 70px;
    height: 70px;
    margin-top: 5px;
}
#jiantou div img{
    width: 70px;
    height: 70px;
}
/* 基础装饰 */
#BasicDecoration{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#BasicDecoration h4{
    display: flex;
}
#BasicDecoration h4 p{
    flex: 1;
}
#BasicDecoration h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 小红书装饰 */
#XiaohongshuDecoration{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#XiaohongshuDecoration h4{
    display: flex;
}
#XiaohongshuDecoration h4 p{
    flex: 1;
}
#XiaohongshuDecoration h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 公众号元素 */
#Elementsofofficialaccount{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#Elementsofofficialaccount h4{
    display: flex;
}
#Elementsofofficialaccount h4 p{
    flex: 1;
}
#Elementsofofficialaccount h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 龙元素 */
#DragonElement{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#DragonElement h4{
    display: flex;
}
#DragonElement h4 p{
    flex: 1;
}
#DragonElement h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 一键三连 */
#Oneclicktripleconnection{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#Oneclicktripleconnection h4{
    display: flex;
}
#Oneclicktripleconnection h4 p{
    flex: 1;
}
#Oneclicktripleconnection h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 人物插画 */
#Characterillustration{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#Characterillustration h4{
    display: flex;
}
#Characterillustration h4 p{
    flex: 1;
}
#Characterillustration h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 3D元素 */
#Delements{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#Delements h4{
    display: flex;
}
#Delements h4 p{
    flex: 1;
}
#Delements h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 水墨元素 */
#Inkandwashelements{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#Inkandwashelements h4{
    display: flex;
}
#Inkandwashelements h4 p{
    flex: 1;
}
#Inkandwashelements h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 形状 */
#shape{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#shape h4{
    display: flex;
}
#shape h4 p{
    flex: 1;
}
#shape h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 添加文字 */
#AddText{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#AddText-box{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #f1f2f4;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
}
#AddText-box img{
    width: 20px;
    height: 20px;
    margin: 10px 0;
}
#AddText-box p{
    margin: 10px 0;
}
/* 基础文字 */
#BasicText{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#BasicText-box{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #f1f2f4;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
}
#BasicText-box img{
    width: 45px;
    height: 45px;
    margin: 10px 0;
}
#BasicText-box p{
    margin: 0px 0;
    height: 5px;
}
#BasicText h4{
    display: flex;
}
#BasicText h4 p{
    flex: 1;
}
#BasicText h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
/* 晒图笔记 */
#Photoexposurenotes{
    width: 95%;
    margin: 10px;
    display: flex;
    flex-direction: column;
}
#Photoexposurenotes h4{
    display: flex;
}
#Photoexposurenotes h4 p{
    flex: 1;
}
#Photoexposurenotes h4 span{
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}